let rotate = ["transform: rotate3d(36,180,4,180deg);","transform: rotate3d(15,180,0,180deg);","transform: rotate3d(-14,270,0,180deg);","transform: rotate3d(-35,180,0,180deg);"];
$(".activity-img .activity").on("click",function(){
	console.log("yes");
	$(this).attr("style",rotate[$(this).index()]);
	$(this).html("<div class='img'>1</div>")
	setTimeout(function(){
		$(".img").attr("style","opacity: 1;")
	},300);
	
});

let rotate2 = ["transform: rotate3d(40,180,0,180deg);",
"transform: rotate3d(20,180,0,180deg);",
"transform: rotate3d(0,270,0,180deg);",
"transform: rotate3d(-19,180,0,180deg);",
"transform: rotate3d(-60,270,0,180deg);"];
$(".activity-img2 .activity").on("click",function(){
	var Element = "<div class='img'>1</div>";
	$(this).attr("style",rotate2[$(this).index()]);
	$(this).html("<div class='img'>1</div>");
	$(this).unbind();
	setTimeout(function(){
		$(".img").attr("style","opacity: 1;")
	},300);
	
});